<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>MVC和MVVM</title>
</head>
<body>
  <script>
    /**
     * MVC
     * 
     * Model（模型）：
     * 是应用程序中用于处理应用程序数据逻辑的部分。
     * 通常模型对象负责在数据库中存取数据。
     * Model 将新的数据发送到 View，用户得到反馈
     * 
     * 
     * View（视图）：
     * 是应用程序中处理数据显示的部分。
     * 通常视图是依据模型数据创建的。
     * View 传送指令到 Controller
     * 
     * 
     * Controller（控制器）：
     * 是应用程序中处理用户交互的部分。
     * 通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。
     * Controller 完成业务逻辑后，要求 Model 改变状态
     * 
     * **/


     /***
      *  MVVM
      * 
      * Model（模型）：
      * 是应用程序中用于处理应用程序数据逻辑的部分。
      * 通常模型对象负责在数据库中存取数据。
      * 
      * 
      * View（视图）：
      * 是应用程序中处理数据显示的部分。
      * 通常视图是依据模型数据创建的。
      * 
      * 
      * ViewModel（视图模型）
      * 
      * 它是连接view和model的桥梁。
      * 它有两个方向：
      * 一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。
      * 二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。
      * 
      * 
      * 
      * model只负责存储数据，然后将数据传递给ViewModel
      * ViewModel处理以后展示为view,并且双向绑定，
      * 当view的值修改时，ViewModel也会修改，并且使model也发生改变
      * 
      * 
     */
  </script>
</body>
</html>